{{--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">--}}
{{--<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en">--}}
{{--<head>--}}
    {{--<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">--}}
    {{--<title>满天星验光配镜智能系统</title>--}}
    {{--<link rel="stylesheet" href="{{ asset('version-2017/css/common.css') }}">--}}
    {{--<link rel="stylesheet" href="{{ asset('version-2017/css/idangerous.swiper.css') }}">--}}
    {{--<link rel="stylesheet" href="{{ asset('version-2017/css/experience-optometry.css') }}">--}}
{{--</head>--}}
{{--<body>--}}

{{-- 继承布局模板 --}}
@extends( 'version-2017.layouts.main-layout' )


{{--  当前页面的样式表 --}}
@section('style')
    <link rel="stylesheet" href="{{ asset('version-2017/css/common.css') }}">
    <link rel="stylesheet" href="{{ asset('version-2017/css/idangerous.swiper.css') }}">
    <link rel="stylesheet" href="{{ asset('version-2017/css/experience-optometry.css') }}">

@endsection()


{{-- 插入标题 --}}
@section('title')
    <title>满天星验光配镜智能系统</title>
@endsection


@section('content')


<section class="wrapper">
    {{--<a href="{{route("index")}}" class="logo"></a>--}}

    <div class="main clearfix">

        <div class="main-picture">

            <!-- 轮播 -->
            <div class="swiper-container" id="main_picture_swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="https://bym-website.gz.bcebos.com/assets/try-on-system/swiper-slide-1.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://bym-website.gz.bcebos.com/assets/try-on-system/swiper-slide-2.jpg" alt="">
                    </div>
                    <div class="swiper-slide">
                        <img src="https://bym-website.gz.bcebos.com/assets/try-on-system/swiper-slide-3.jpg" alt="">
                    </div>
                </div>

                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
            <!-- 轮播 end  -->
        </div>

        <div class="main-content">
            <h1 class="main-content-title"> 满天星验光配镜智能系统</h1>
            <p class="main-content-en">ALL -STAR GLASSES VIRTUAL TRY-ON SYSTEM</p>

            <div class="main-content-list bym-not-list">
                <li class="main-content-list-item">
                    <img src="https://bym-website.gz.bcebos.com/assets/try-on-system/Product_mtxxtrj_cpgn_013.png" alt="">
                </li>
                <li class="main-content-list-item">
                    <img src="https://bym-website.gz.bcebos.com/assets/try-on-system/Product_mtxxtrj_cpgn_014.png" alt="">
                </li>
                <li class="main-content-list-item">
                    <img src="https://bym-website.gz.bcebos.com/assets/try-on-system/Product_mtxxtrj_cpgn_015.png" alt="">
                </li>
                <li class="main-content-list-item">
                    <img src="https://bym-website.gz.bcebos.com/assets/try-on-system/Product_mtxxtrj_cpgn_016.png" alt="">
                </li>
                <li class="main-content-list-item">
                    <img src="https://bym-website.gz.bcebos.com/assets/try-on-system/Product_mtxxtrj_cpgn_017.png" alt="">
                </li>
            </div>

            <div class="main-content-summary">
                <p>系统要求：Windows7以上系统，64位操作系统,分辨率：1080*1920</p>
                <p>文件大小：61.6MB  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 更新时间：2017/06/12</p>
            </div>

            <div class="main-content-account">
                <div class="main-content-account-name">
                    <img src="https://bym-website.gz.bcebos.com/assets/try-on-system/Product_mtxxtrj_cpgn_018.png" alt="">
                    <span> 账号：benyamin </span>
                </div>
                <div class="main-content-account-pwd">
                    <img src="https://bym-website.gz.bcebos.com/assets/try-on-system/Product_mtxxtrj_cpgn_019.png" alt="">
                    <span> 密码：123456 </span>
                </div>
            </div>

            <a href="https://benyamin.gz.bcebos.com/version/BenyaminNT_v1.5.zip" class="main-content-download">立即下载</a>
        </div>
    </div>

    <!-- 产品优势 -->
    <div class="advantage">
        <h3 class="advantage-title">
            产品优势
        </h3>
        <ul class="advantage-list bym-not-list">
            <li class="advantage-list-item">
                <span class="advantage-list-item-numner">1.</span>
                系统提供立体逼真的眼镜产品展示效果，消费者可以在线试戴眼镜，激发购买欲望。
            </li>
            <li class="advantage-list-item">
                <span class="advantage-list-item-numner">2.</span>
                提供验光数据填写，消费者足不出户就能在线购买眼镜，提高商品成交率。
            </li>
            <li class="advantage-list-item">
                <span class="advantage-list-item-numner">3.</span>
                连通微信商城，为商家开启线上营销渠道，将眼镜店开到消费者身边，无限扩   大销售机会。
            </li>
            <li class="advantage-list-item">
                <span class="advantage-list-item-numner">4.</span>
                提供后台管理系统，功能完善，商家可独立上传产品、管理财务及分配利润。
            </li>
            <li class="advantage-list-item">
                <span class="advantage-list-item-numner">5.</span>
                支持window操作系统，可实现自动售卖机、广告机等多元应用场景。
            </li>
            <li class="advantage-list-item">
                <span class="advantage-list-item-numner">6.</span>
                便雅悯视光致力于为眼镜消费者提供全新的消费方式，持续将前沿、适用的技术研发成果迭代到产品中，帮助客户脱颖而出。
            </li>
        </ul>
    </div>
    <!-- 产品优势 end -->

    <!-- 合作伙伴 -->
    <div class="partner">
        <h3 class="partner-title">
            合作伙伴
        </h3>
        <ul class="partner-list bym-not-list">
            <li class="partner-list-item">
                <img src="https://bym-website.gz.bcebos.com/assets/try-on-system/partner-001.png" alt="">
            </li>
            <li class="partner-list-item">
                <img src="https://bym-website.gz.bcebos.com/assets/try-on-system/partner-002.png" alt="">
            </li>
            <li class="partner-list-item">
                <img src="https://bym-website.gz.bcebos.com/assets/try-on-system/partner-003.png" alt="">
            </li>
            <li class="partner-list-item">
                <img src="https://bym-website.gz.bcebos.com/assets/try-on-system/partner-004.png" alt="">
            </li>
        </ul>
    </div>


    <!-- 合作伙伴 end -->

</section>

@endsection

@section('script')


<script src="{{asset('version-2017/js/idangerous.swiper.min.js')}}" type="text/javascript"></script>
<script>
    var swiper = new Swiper('#main_picture_swiper', {
        pagination: '.swiper-pagination',
        slidesPerView: 1,
        paginationClickable: true,
        spaceBetween: 0,
        loop : true,
        autoplay:4000
    });
</script>
@endsection